﻿<phone:PhoneApplicationPage
    x:Class="TestMatrix.Phone.JumpList.ImageButton"
    xmlns:telerikCore="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Core"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:telerikPrimitiveControls="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls.Primitives"
    xmlns:telerikPrimitives="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Primitives"
    xmlns:imagetools="clr-namespace:ImageTools.Controls;assembly=ImageTools.Controls"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="480" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True">
    <phone:PhoneApplicationPage.Resources>
        <Storyboard x:Key="MyStoryBoardIn">
            <DoubleAnimation BeginTime="0:0:0.1" Duration="0:0:0.2" Storyboard.TargetName="CameraButton" Storyboard.TargetProperty="Opacity" To="1"/>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="CameraButtonTranslateTranform" Storyboard.TargetProperty="X"  Duration="0:0:6">  
                <LinearDoubleKeyFrame Value="-400" KeyTime="0:0:0" />
                <LinearDoubleKeyFrame Value="-150" KeyTime="0:0:1" />
                <LinearDoubleKeyFrame Value="-160" KeyTime="0:0:1.1" />
                <LinearDoubleKeyFrame Value="-150" KeyTime="0:0:1.2" />
            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimation BeginTime="0:0:0.5" Duration="0:0:0.2" Storyboard.TargetName="MusicButton" Storyboard.TargetProperty="Opacity" To="1"/>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="MusicButtonTranslateTranform" Storyboard.TargetProperty="X"  Duration="0:0:6">
                <LinearDoubleKeyFrame Value="-500" KeyTime="0:0:0" />
                <LinearDoubleKeyFrame Value="-150" KeyTime="0:0:1.6" />
                <LinearDoubleKeyFrame Value="-160" KeyTime="0:0:1.7" />
                <LinearDoubleKeyFrame Value="-150" KeyTime="0:0:1.8" />
            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimation BeginTime="0:0:1" Duration="0:0:0.2" Storyboard.TargetName="PeopleButton" Storyboard.TargetProperty="Opacity" To="1"/>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="PeopleButtonTranslateTranform" Storyboard.TargetProperty="X"  Duration="0:0:6">
                <LinearDoubleKeyFrame Value="-600" KeyTime="0:0:0" />
                <LinearDoubleKeyFrame Value="-150" KeyTime="0:0:2.1" />
                <LinearDoubleKeyFrame Value="-160" KeyTime="0:0:2.2" />
                <LinearDoubleKeyFrame Value="-150" KeyTime="0:0:2.3" />
            </DoubleAnimationUsingKeyFrames>



            <DoubleAnimation BeginTime="0:0:0.2" Duration="0:0:0.2" Storyboard.TargetName="PlaceButton" Storyboard.TargetProperty="Opacity" To="1"/>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="PlaceButtonTranslateTranform" Storyboard.TargetProperty="X"  Duration="0:0:6">
                <LinearDoubleKeyFrame Value="600" KeyTime="0:0:0" />
                <LinearDoubleKeyFrame Value="200" KeyTime="0:0:1.3" />
                <LinearDoubleKeyFrame Value="210" KeyTime="0:0:1.4" />
                <LinearDoubleKeyFrame Value="200" KeyTime="0:0:1.5" />
            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimation BeginTime="0:0:0.7" Duration="0:0:0.2" Storyboard.TargetName="HeartButton" Storyboard.TargetProperty="Opacity" To="1"/>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="HeartButtonTranslateTranform" Storyboard.TargetProperty="X"  Duration="0:0:6">
                <LinearDoubleKeyFrame Value="700" KeyTime="0:0:0" />
                <LinearDoubleKeyFrame Value="200" KeyTime="0:0:1.8" />
                <LinearDoubleKeyFrame Value="210" KeyTime="0:0:1.9" />
                <LinearDoubleKeyFrame Value="200" KeyTime="0:0:2.0" />
            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimation BeginTime="0:0:1.2" Duration="0:0:0.2" Storyboard.TargetName="ChatButton" Storyboard.TargetProperty="Opacity" To="1"/>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ChatButtonTranslateTranform" Storyboard.TargetProperty="X"  Duration="0:0:6">
                <LinearDoubleKeyFrame Value="800" KeyTime="0:0:0" />
                <LinearDoubleKeyFrame Value="200" KeyTime="0:0:2.3" />
                <LinearDoubleKeyFrame Value="210" KeyTime="0:0:2.4" />
                <LinearDoubleKeyFrame Value="200" KeyTime="0:0:2.5" />
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        
        <telerikCore:RadScaleMoveAndRotateAnimation x:Key="scaleMoveRotateAnimation"  />

        <Storyboard x:Key="MyStoryBoardOut">
            <DoubleAnimation BeginTime="0:0:0.1" Duration="0:0:0.2" Storyboard.TargetName="CameraButton" Storyboard.TargetProperty="Opacity" To="1"/>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="CameraButtonTranslateTranform" Storyboard.TargetProperty="X"  Duration="0:0:2">
                <LinearDoubleKeyFrame Value="-400" KeyTime="0:0:2" />
            </DoubleAnimationUsingKeyFrames>
            
            <DoubleAnimation BeginTime="0:0:0.5" Duration="0:0:0.2" Storyboard.TargetName="MusicButton" Storyboard.TargetProperty="Opacity" To="1"/>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="MusicButtonTranslateTranform" Storyboard.TargetProperty="X"  Duration="0:0:2">
                <LinearDoubleKeyFrame Value="-500" KeyTime="0:0:2" />
            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimation BeginTime="0:0:1" Duration="0:0:0.2" Storyboard.TargetName="PeopleButton" Storyboard.TargetProperty="Opacity" To="1"/>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="PeopleButtonTranslateTranform" Storyboard.TargetProperty="X"  Duration="0:0:2">
                <LinearDoubleKeyFrame Value="-600" KeyTime="0:0:2" />
            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimation BeginTime="0:0:1.5" Duration="0:0:0.2" Storyboard.TargetName="PlaceButton" Storyboard.TargetProperty="Opacity" To="1"/>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="PlaceButtonTranslateTranform" Storyboard.TargetProperty="X"  Duration="0:0:2">
                <LinearDoubleKeyFrame Value="800" KeyTime="0:0:2" />
            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimation BeginTime="0:0:2" Duration="0:0:0.2" Storyboard.TargetName="HeartButton" Storyboard.TargetProperty="Opacity" To="1"/>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="HeartButtonTranslateTranform" Storyboard.TargetProperty="X"  Duration="0:0:2">
                <LinearDoubleKeyFrame Value="900" KeyTime="0:0:2" />
            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimation BeginTime="0:0:2.5" Duration="0:0:0.2" Storyboard.TargetName="ChatButton" Storyboard.TargetProperty="Opacity" To="1"/>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ChatButtonTranslateTranform" Storyboard.TargetProperty="X"  Duration="0:0:2">
                <LinearDoubleKeyFrame Value="1000" KeyTime="0:0:2" />
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </phone:PhoneApplicationPage.Resources>
        <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot">
        
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid Grid.RowSpan="2">
            <imagetools:AnimatedImage x:Name="imgGif"  /><!--Stretch="Fill"-->
        </Grid>
        <Grid Grid.Row="1" Margin="0,20" Height="440" Width="410">
            <Ellipse HorizontalAlignment="Center" x:Name="BigCircle" Visibility="Collapsed" VerticalAlignment="Center"  Opacity="0" StrokeThickness="1" Width="290" Height="290" Margin="59,66,51,74" />
            <Ellipse HorizontalAlignment="Center" VerticalAlignment="Center"  Opacity="0.5" StrokeThickness="2" Width="150" Height="150" Margin="129,136,121,144" />
            <telerikPrimitives:RadImageButton x:Name="CameraButton" Background="#E9B715" RestStateImageSource="Images/342.png" PressedStateImageSource="Images/342v.png" ButtonBehavior="ToggleButton"  Click="BugButton_Click" Opacity="0" ButtonShape="Image"    >
                <telerikPrimitives:RadImageButton.RenderTransform>
                    <TranslateTransform x:Name="CameraButtonTranslateTranform"  Y="0"/>
                </telerikPrimitives:RadImageButton.RenderTransform>
                <telerikPrimitives:RadImageButton.ContentTemplate>
                    <DataTemplate>
                        <TextBlock x:Name="BugCounts" FontSize="22" Text="{Binding Name}" Margin="0,-120,0,0"></TextBlock>
                    </DataTemplate>
                </telerikPrimitives:RadImageButton.ContentTemplate>

            </telerikPrimitives:RadImageButton>

            <telerikPrimitives:RadImageButton x:Name="MusicButton" ButtonBehavior="ToggleButton"  Opacity="0" ButtonShape="Image"  RestStateImageSource="Images/342.png" PressedStateImageSource="Images/342v.png" Click="TestCaseButton_Click">
                <telerikPrimitives:RadImageButton.RenderTransform>
                    <TranslateTransform x:Name="MusicButtonTranslateTranform"  Y="200"/>
                </telerikPrimitives:RadImageButton.RenderTransform>
                <telerikPrimitives:RadImageButton.ContentTemplate>
                    <DataTemplate>
                        <TextBlock x:Name="TCCounts" FontSize="22" Text="{Binding Name}" Margin="20,-120,0,0"></TextBlock>
                    </DataTemplate>
                </telerikPrimitives:RadImageButton.ContentTemplate>
            </telerikPrimitives:RadImageButton>

            <telerikPrimitives:RadImageButton x:Name="PeopleButton" ButtonBehavior="ToggleButton"  Opacity="0" ButtonShape="Image" RestStateImageSource="Images/342.png" PressedStateImageSource="Images/342v.png" Click="ReleaseButton_Click">
                <telerikPrimitives:RadImageButton.RenderTransform>
                    <TranslateTransform x:Name="PeopleButtonTranslateTranform" Y="400"/>
                </telerikPrimitives:RadImageButton.RenderTransform>
                <telerikPrimitives:RadImageButton.ContentTemplate>
                    <DataTemplate>
                        <TextBlock x:Name="Release" FontSize="22" Text="{Binding Name}" Margin="20,-130,0,0"></TextBlock>
                    </DataTemplate>
                </telerikPrimitives:RadImageButton.ContentTemplate>
            </telerikPrimitives:RadImageButton>

            <telerikPrimitives:RadImageButton x:Name="PlaceButton" ButtonBehavior="ToggleButton"  Opacity="0" ButtonShape="Image" RestStateImageSource="Images/344.png" PressedStateImageSource="Images/344v.png" Click="GlobalTCPassRateButton_Click">
                <telerikPrimitives:RadImageButton.RenderTransform>
                    <TranslateTransform x:Name="PlaceButtonTranslateTranform" Y="30"/>
                </telerikPrimitives:RadImageButton.RenderTransform>
             <telerikPrimitives:RadImageButton.ContentTemplate>
                    <DataTemplate>
                        <TextBlock x:Name="MTMRate" FontSize="22" Text="{Binding Name}" Margin="-60,-120,0,0"></TextBlock>
                    </DataTemplate>
                </telerikPrimitives:RadImageButton.ContentTemplate>
            </telerikPrimitives:RadImageButton>
            
            
            <telerikPrimitives:RadImageButton x:Name="HeartButton" ButtonBehavior="ToggleButton"  Opacity="0" ButtonShape="Image" RestStateImageSource="Images/344.png" PressedStateImageSource="Images/344v.png" Click="GlobalTCAutomationButton_Click">
                <telerikPrimitives:RadImageButton.RenderTransform>
                    <TranslateTransform x:Name="HeartButtonTranslateTranform" Y="210"/>
                </telerikPrimitives:RadImageButton.RenderTransform>
                <telerikPrimitives:RadImageButton.ContentTemplate>
                    <DataTemplate>
                        <TextBlock x:Name="GlobalTCAutomation" FontSize="22" Text="{Binding Name}" Margin="-60,-120,0,0"></TextBlock>
                    </DataTemplate>
                </telerikPrimitives:RadImageButton.ContentTemplate>
            </telerikPrimitives:RadImageButton>
            
            
            <telerikPrimitives:RadImageButton x:Name="ChatButton" ButtonBehavior="ToggleButton" Opacity="0" ButtonShape="Image" RestStateImageSource="Images/344v.png" PressedStateImageSource="Images/344v.png" Click="GlobalDREButton_Click">
                <telerikPrimitives:RadImageButton.RenderTransform>
                    <TranslateTransform x:Name="ChatButtonTranslateTranform" Y="420"/>
                </telerikPrimitives:RadImageButton.RenderTransform>
                <telerikPrimitives:RadImageButton.ContentTemplate>
                    <DataTemplate>
                        <TextBlock x:Name="GlobalDRE" FontSize="22" Text="{Binding Name}" Margin="-60,-120,0,0"></TextBlock>
                    </DataTemplate>
                </telerikPrimitives:RadImageButton.ContentTemplate>
            </telerikPrimitives:RadImageButton>
        </Grid>
    </Grid>

</phone:PhoneApplicationPage>